<style>
    .icon-row{
        background: #ffffff;
        margin: 0;
    }
    .icon_btn_p{
        margin: 0;
    }
</style>

<div class="sortable" data-component='icon'>
    <div class="drag ">
        <div class="row icon-row">
            <div class="col-xs-3 col-md-3">
                <img src="__PUBLIC__/admin/images/graph.jpg"  class="img-circle img-responsive">
                <p class="icon_btn_p">按钮1</p>
            </div>
            <div class="col-xs-3 col-md-3">
                <img src="__PUBLIC__/admin/images/graph.jpg"  class="img-circle img-responsive">
                <p class="icon_btn_p">按钮1</p>
            </div>
            <div class="col-xs-3 col-md-3">
                <img src="__PUBLIC__/admin/images/graph.jpg"  class="img-circle img-responsive">
                <p class="icon_btn_p">按钮1</p>
            </div>
            <div class="col-xs-3 col-md-3">
                <img src="__PUBLIC__/admin/images/graph.jpg"  class="img-circle img-responsive">
                <p class="icon_btn_p">按钮1</p>
            </div>
        </div>
    </div>
</div>
<div class="sortable" id='iconEditor'>
    <div class="panel panel-info">
        <div class="panel-heading">
            <h3 class="panel-title">icon组件</h3>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xs-3">
                    <img src="__PUBLIC__/admin/images/graph.jpg"  class="img-circle img-responsive center-block" width="70px">
                </div>
                <div class="col-xs-3">
                    <input type="text" class="form-control" placeholder="icon底部标题" name="icon-title">
                    <input type="text" class="form-control" placeholder="链接" name="icon-title">
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-xs-3">
                    <img src="__PUBLIC__/admin/images/graph.jpg"  class="img-circle img-responsive center-block" width="70px">
                </div>
                <div class="col-xs-3">
                    <input type="text" class="form-control" placeholder="icon底部标题" name="icon-title">
                    <input type="text" class="form-control" placeholder="链接" name="icon-title">
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-xs-3">
                    <img src="__PUBLIC__/admin/images/graph.jpg"  class="img-circle img-responsive center-block" width="70px">
                </div>
                <div class="col-xs-3">
                    <input type="text" class="form-control" placeholder="icon底部标题" name="icon-title">
                    <input type="text" class="form-control" placeholder="链接" name="icon-title">
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-xs-3">
                    <img src="__PUBLIC__/admin/images/graph.jpg"  class="img-circle img-responsive center-block" width="70px">
                </div>
                <div class="col-xs-3">
                    <input type="text" class="form-control" placeholder="icon底部标题" name="icon-title">
                    <input type="text" class="form-control" placeholder="链接" name="icon-title">
                </div>
            </div>
        </div>
    </div>
</div>